require.config({
  baseUrl: "./script/",
  paths: {
    // three: 'script/../../../lib/three'
  },
  shim: {
    'script/../../../lib/three': {
      exports: 'THREE'
    }
  }
})

require(['script/../../../lib/three'], function (THREE) {
  // 渲染器
  const renderer = new THREE.WebGLRenderer();
  renderer.setSize(400, 300);
  document.body.appendChild(renderer.domElement);

  // 设置背景颜色
  renderer.setClearColor(0x000000); // black

  // 场景
  const scene = new THREE.Scene();

  // 照相机
  const camera = new THREE.PerspectiveCamera(45, 4 / 3, 1, 1000);
  camera.position.set(0, 0, 5);
  scene.add(camera);

  /**
   * 长方体
   * 我们要创建一个x、y、z方向长度分别为1、2、3的长方体，并将其设置为红色。
   */
  const cube = new THREE.Mesh(new THREE.CubeGeometry(1, 2, 3),
    new THREE.MeshBasicMaterial({
      color: 0xff0000
    })
  );

  // 把长方体展示到场景上
  scene.add(cube);

  // 渲染场景
  renderer.render(scene, camera);
})